import router from '@/router'
import store from '@/store' // store===this.$store
// 权限处理：是否登录，是否有权限进入相应页面等处理
// 前置守卫：所有路由跳转前都会经过它
const whitePage = ['/404', '/login']

router.beforeEach(async(to, from, next) => {
  // 需求：没登录，不能进首页，登录了，不能进登录页
  /*
    如果有token
         判断要去的页面是不是登录页
              是
                 去首页
              不是
                 正常放行
        没token
            去的页面不需要登录（404，login）
                正常放行
            去的页面是需要登陆的页面
                 去登录页

    获取用户信息
      1：vuex
           user:
              定义变量
              定义修改变量mutations
              定义actions
      2:定义获取用户信息api
      3:在actions调用api存储用户信息
      4：在导航守卫调用actions触发方法执行
*/
  //   console.log('to', to)
  if (store.state.user.token) {
    if (to.path.toLowerCase() === '/login') {
      next('/')
    } else {
      // 没有用户信息时获取用户信息

      if (!store.state.user.userInfo.userId) {
        // console.log(1)
        await store.dispatch('user/getUserInfo')
        // this.$router.push('/setting')
        // this.$router.push({path:'/setting',query....})
        console.log('to', to)
        next(to)
        // next({ path: to.path, query: to.query, params: to.params })
      } else {
        next()
      }

      // console.log(2)
    }
  } else {
    // 去的页面  to.path   白名单：whitePage
    if (whitePage.includes(to.path.toLowerCase())) {
      next()
    } else {
      next('/login')
    }
  }
})
// 后置守卫：已进入相应路由(to)
router.afterEach((to, from) => {
// 已处于to路由
// 将to的路由数据存储到vuex,不可重复
// 去重  Set    filter  arr=[{id:1},{id:2},{id:2},{id:1}]
  // const arr = [...store.state.routes.historyList, to]
  // const newArr = arr.filter((item, index, initArr) => {
  //   const itemIndex = initArr.findIndex(i => i.path === item.path)
  //   return itemIndex === index
  // })
  if (to.path === '/login' || to.path === '/404') { return }
  const itemIndex = store.state.routes.historyList.findIndex(item => item.path === to.path)
  if (itemIndex === -1) {
    store.commit('routes/SETLIST', [...store.state.routes.historyList, to])
  }
})

